.containe {
    margin-bottom: 80px;

    .domain {
        font-size: 12px;
        text-align: center;
        color: #000;
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        margin-top: 10px;
    }

    .logo_top {
        width: 1.28rem;
        height: 1.28rem;
        position: absolute;
        top: 1.333333rem;
        left: .533333rem;

        img {
            width: 100%;
        }

        .login_tex {
            display: inline-block;
            width: 2.133333rem;
            font-size: 16px;
            color: #fff;
            position: absolute;
            top: .4rem;
            margin-left: .266667rem;
        }
    }

    .bag {
        width: 100%;
        // padding: 0 12px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        margin-top: -10px;
        position: absolute;
        top: 3.733333rem;

        .bag-one {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            text-align: center;
            color: #fff;
            font-size: 12px;
        }

        .bag-number {
            font-size: 20px;
            margin-bottom: .266667rem;
        }
    }

    .vip_title {
        background-image: url('./img/cardBg.png');
        margin: 15px 12px 0 12px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 100%;
        height: 48px;
        padding-top: 0.5px;
        box-shadow: 0 8px 10px 0 rgb(0 0 0 / 2%);
        position: absolute;
        width: 94%;
        z-index: 2;
        top: 200px;
        margin-top: -0.266667rem;

        .vip_logo {
            background: url('./img/gold.png') no-repeat;
            background-size: 100% 100%;
            width: 61px;
            height: 14px;
            margin-top: 16px;
            margin-left: 30px;
            float: left;
        }

        .card-bar {
            // float: left;
            width: 1px;
            height: 9px;
            background: #e9c785;
            border-radius: 2px;
            display: inline-block;
            margin-top: 19px;
            margin-left: 10px;
        }

        .card-but {
            width: 80px;
            height: 24px;
            float: right;
            margin-right: 22px;
            background: -webkit-linear-gradient(337deg, #f9e19f, #dab16f);
            background: linear-gradient(113deg, #f9e19f, #dab16f);
            border-radius: 33px;
            text-align: center;
            line-height: 24px;
            color: #46321a;
            font-size: 12px;
            margin-top: 12px;
        }
    }

    .box-order {
        margin: 19px 12px 0;
        background: #fff;
        border-radius: 8px;
        padding-bottom: 10px;
        font-size: 12px;

        .order-fir {
            height: 30px;
            padding: 0 12px;

            .order-fir-name {
                font-size: 15px;
                color: #333;
                font-weight: 800;
                line-height: 40px;
                float: left;
                display: block;
                height: 40px;
            }
        }

        .box-order .img-right {
            // float: right;
            width: 5px;
            height: 11px;
            vertical-align: middle;
            display: inline-block;
            margin-top: 15px;
            margin-left: 6px;
            display: flex;
            align-items: center;
            justify-content: end;
        }

        .order-fir-left {
            // float: right;
            color: #999;
            font-weight: 700;
            font-size: 12px;
            height: 40px;
            display: inline-block;
            line-height: 40px;
            margin-left: 5.333333rem;
        }

        .order-fir-right {
            background-image: url("./img/right.png");
            background-position: center center;
            background-size: cover;
            width: 5px;
            height: 11px;
            background-repeat: no-repeat;
            margin-left: 320px;
            margin-top: -25px;
        }
    }

    .order-sec {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        margin-top: 18px;
    }

    .order-bag {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        text-align: center;
        position: relative;
    }

    .order-bag-img {
        width: 25px;
        height: 25px;
        display: inline-block;

        img {
            width: 100%;
        }
    }

    .order-bag-txt {
        font-size: 12px;
        color: #313131;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}